<ion-content>
    <ion-grid class="c-top">
        <ion-row>
            <ion-col width-33 offset-67 text-right margin-bottom class="c-help">
                <ion-icon name="help-circle"></ion-icon> 什么是积分
            </ion-col>
        </ion-row>
        <ion-row margin-top>
            <ion-col text-center color="darkgrey" class="c-title">当前可用积分</ion-col>
        </ion-row>
        <ion-row>
            <ion-col text-center class="c-number">{{integral}}</ion-col>
        </ion-row>
        <!--<ion-row text-center>
            <ion-col width-50 class="c-purpose">
                <button ion-button color="light" outline block>赚积分</button>
            </ion-col>
            <ion-col width-50 class="c-purpose">
                <button ion-button color="secondary" block>用积分</button>
            </ion-col>
        </ion-row>-->
    </ion-grid>

    <div class="m-title">- 积分明细 -</div>
    <ion-list>
        <ion-item *ngFor="let behavior of behaviors">
            {{behavior.action_content}}
            <span item-right [color]="setType(behavior.action_type)">
                {{behavior.action_type | increasable}}{{behavior.integral}}
            </span>
        </ion-item>
    </ion-list>
</ion-content>